// “新闻中心页”样式
@charset 'utf-8';
@import "reset";
$width:100%;
main {
    .newsCenter {
        width: $width;
        // height: 1042px;
        // background-color: yellow;
        // border: 1px solid #000;
        .container {
            width: 1200px;
            height: 100%;
            margin: 0 auto;
            margin-top: 84px;
            margin-bottom: 75px;
            // background-color: pink;
            .title {
                width: 100%;
                height: 76px;
                text-align: center;
                position: relative;
                .chineseTitle {
                    h1 {
                        font-size: 32px;
                        color: #333;
                        font-weight: 500;
                    }
                }
                // .chineseTitle::before {
                //     content: "";
                //     position: absolute;
                //     top: 50%;
                //     width: 43%;
                //     height: 2px;
                //     background-color: #666;
                //     left: 0;
                // }
                // .chineseTitle::after {
                //     content: "";
                //     position: absolute;
                //     top: 50%;
                //     width: 43%;
                //     height: 2px;
                //     background-color: #666;
                //     right: 0;
                // }
                .englishTitle {
                    width: 200px;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    margin-left: -100px;
                    h1 {
                        font-size: 22px;
                        color: #f9a575;
                        // line-height: 30px;
                    }
                }
            }
            .newsCon {
                width: 100%;
                // height: 100%;
                background-color: #fff;
                margin-top: 40px;
                ul {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    align-content: space-between;
                    li {
                        font-size: 0;
                        width: 380px;
                        height: 335px;
                        text-align: center;
                        // background-color: skyblue;
                        margin-bottom: 10px;
                        .topImg {
                            width: 100%;
                        }
                        p:first-of-type {
                            // width: 145px;
                            height: 44px;
                            font-family: MicrosoftYaHei;
                            font-size: 16px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 44px;
                            letter-spacing: 0px;
                            color: #f9a575;
                            text-align: center;
                        }
                        p:nth-of-type(2) {
                            // height: 31px;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 20px;
                            letter-spacing: 0px;
                            color: #999999;
                            opacity: 0.7;
                        }
                        p:nth-of-type(3) {
                            // height: 31px;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 20px;
                            letter-spacing: 0px;
                            color: #999999;
                            opacity: 0.7;
                        }
                    }
                    li:hover {
                        margin-bottom: 10x;
                        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
                        p:nth-of-type(2),
                        p:nth-of-type(3) {
                            color: #fbc9ac;
                            cursor: pointer;
                        }
                    }
                }
            }
        }
    }
}